<template>
<uni-shadow-root class="partials-time-time_two-index"><template name="time_two">
<block>
     <view class="timeTwo">
         <view class="timeTwoBox" v-if="countDownDay!=0" :style="'background-color:'+(bgColor||color)"><text>{{countDownDay}}</text></view>
         <text v-if="countDownDay!=0">天</text>
         <view class="timeTwoBox" :style="'background-color:'+(bgColor||color)"><text>{{countDownHour}}</text></view>
         <text>时</text>
         <view class="timeTwoBox" :style="'background-color:'+(bgColor||color)"><text>{{countDownMinute}}</text></view>
         <text>分</text>
         <view class="timeTwoBox" :style="'background-color:'+(bgColor||color)"><text>{{countDownSecond}}</text></view>
         <text>秒</text>
     </view> 
</block>
</template></uni-shadow-root>
</template>

<script>

global['__wxRoute'] = 'partials/time/time_two/index'

Component({})

export default global['__wxComponents']['partials/time/time_two/index']
</script>
<style platform="mp-weixin">
.timeTwo{
  font-size: 20rpx;
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
  font-size: 30rpx;
  color: #818181;
}
.timeTwoBox{
  background-color: #888;
  margin: 0 8rpx;
  border-radius:4rpx;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 6rpx 10rpx;
}
.timeTwoBox text{
  display: block;
  color: white;
}
</style>